<header>

	<div id="mobile-menu">
		<div id="nav-button" class="fa fa-bars fa-2x button"></div>
	</div>

	<section id="logo"><a href="{{ site.baseurl }}/" class="omr">Eclipse OMR</a>
	</section>

	<div id="navbar">
    <div id="navdiv">
			<ul id="navmenu" class="menu">

        <li><a href="{{ site.baseurl }}/" id="home-menu"{% if page.menu == 'home' %} class="active"{% endif %}>Home</a></li>

				<li>
					<a href="{{ site.baseurl }}/starter/whatisomr.html"{% if page.menu == 'starter' %} class="active"{% endif %}>About</a>
					<ul>
						<li><a href="{{ site.baseurl }}/starter/whatisomr.html">What is OMR?</a></li>
            <li><a href="{{ site.baseurl }}/starter/goals.html">Project goals</a></li>
            <li><a href="{{ site.baseurl }}/starter/project.html">Get involved</a></li>
					</ul>
				</li>

        <li>
          <a href="{{ site.baseurl }}/guide/building.html"{% if page.menu == 'guide' %} class="active"{% endif %}>Getting started</a>
          <ul>
            <li><a href="{{ site.baseurl }}/guide/building.html">Building</a></li>
            <li><a href="{{ site.baseurl }}/guide/configuring.html">Configuring</a></li>
            <li><a href="{{ site.baseurl }}/guide/testing.html">Testing your runtime</a></li>
            <li><a href="{{ site.baseurl }}/guide/troubleshooting.html">Troubleshooting</a></li>
            <li><a href="{{ site.baseurl }}/guide/best-practices.html">Best practices</a></li>
            <li><a href="{{ site.baseurl }}/guide/coding-stds.html">Coding standards</a></li>
          </ul>
        </li>

        <li>
          <a href="{{ site.baseurl }}/reference/architecture.html"{% if page.menu == 'reference' %} class="active"{% endif %}>Reference</a>
          <ul>
            <li><a href="{{ site.baseurl }}/reference/architecture.html">Architecture</a></li>
            <li><a href="{{ site.baseurl }}/reference/components.html">Components</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/thread.html">Thread</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/gc.html">GC</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/vm.html">VM</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/jit.html">Compiler</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/port.html">Port</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/tools.html">Tools</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/glue.html">Glue</a></li>
            <li><a class="subsub" href="{{ site.baseurl }}/reference/util.html">Util</a></li>
          </ul>
        </li>

        <li>
          <a href="{{ site.baseurl }}/resources/omr-on-github.html"{% if page.menu == 'resources' %} class="active"{% endif %}>Resources</a>
          <ul>
            <li><a href="{{ site.baseurl }}/resources/omr-on-github.html">OMR on GitHub</a></li>
            <li><a href="{{ site.baseurl }}/resources/presentations.html">Presentations</a></li>
            <li><a href="{{ site.baseurl }}/resources/blogs.html">Blog posts</a></li>
          </ul>
        </li>

			</ul>

      <div id="eggContainer">
    		<div align="center">
    			<a href="https://projects.eclipse.org/projects/technology.omr" style="padding-right: 0px;">
    				<img id="incubatingIcon" align="center" src="{{ site.baseurl }}/images/incubating.png" border="0" alt="Incubation" />
    			</a>
    		</div>
    		<h6 id="incubateText">Incubation</h6>
  	  </div>
    </div>
	</div>
</header>
